<template>
    <div class="container">
        <div class="top">
            <globalTop></globalTop>
        </div>
        <div class="content">
            <!-- 设置路由出口 -->
            <router-view :key="$route.query as any"></router-view>
        </div>
        <div class="bottom">
            <globalBottom class="bottomCon"></globalBottom>
        </div>
        <!-- 占位 -->
        <login v-if="userStore.dialogTableVisible"></login>
    </div>
</template>

<script setup lang="ts">
import { useRoute,useRouter} from 'vue-router'
import { useUserStore } from '@/stores/modules/user/user'
let userStore = useUserStore()
let $route = useRoute()
let $router = useRouter()

</script>

<style lang="scss" scoped>
.container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;


    .top {
        width: 1200px;
        height: 70px;

    }

    // .topCon {
    //     border: none;
    // }

    .bottom {
        width: 100%;
        height: 50px;
        z-index: 999999;

        .bottonCon {
            border: none;
        }
    }



    .content {
        width: 1200px;
        margin-bottom: 50px;
    }
}

.zhan {
    width: 100%;
    height: 50px;
    position: relative;
    bottom: 0;
    left: 0;
    background-color: red;
}
</style>